<template>
  <div class="edit-title">
    <a-anchor :affix="false" :getContainer="gerGood" @click="anchorClick" :bounds="300">
      <a-anchor-link :href="item.herf" :title="item.title" class="handle-item" v-for="(item, index) in informationlist" :key="index" />
    </a-anchor>
  </div>
</template>
<script>
export default {
  props: {
    informationlist: {
      type: Array,
      default: () => {
        return []
      }
    }
  },
  data() {
    return {
      // informationlist: []
    }
  },
  methods: {
    anchorClick(e) {
      e.preventDefault()
    },
    gerGood() {
      return document.getElementById('goods')
    }
  }
}
</script>
<style scoped lang="less">
.edit-title {
  width: 120px;
  color: #333;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  border-right: 1px solid #ccc;
  margin-right: 16px;
}
/deep/ .ant-anchor-ink::before {
  background-color: transparent;
}
</style>

